*{margin:0;padding:0}
/*重置*/
      body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
        fieldset, img { border: 0; }
        img { display:inline-block; }
        :focus { outline: 0; }
        address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; }
        h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
        abbr, acronym { border: 0; font-variant: normal; }
        input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
        code, kbd, samp, tt { font-size:100%; }
        input, button, textarea, select { *font-size: 100%;
        }
    ol, ul { list-style: none outside none; }
        table { border-collapse: collapse; border-spacing: 0; }
        sup, sub { font-size: 100%; vertical-align: baseline; }
        :link, :visited, ins { text-decoration: none; }
        blockquote, q { quotes: none; }
        blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
        a{+A:expression(this.onFocus=this.blur());}
        a:focus{outline:none;}
        body{font-size:75%; font-family:"微软雅黑", Arial;}
.img_slogan{display:block;width:450px;height:235px; background:url(../images/slogan_dark.png) no-repeat; _background:url(../images/slogan_dark_ie6.png) no-repeat;position:absolute;top:300px;left:200px;}
.lay_background{position:absolute;left:0;top:0;z-index:-1;overflow:hidden}
.lay_background .lay_background_img{position:absolute;left:0;top:0;z-index:-1}
.lay_background .lay_background_img{opacity:0;-webkit-transition:opacity .8s ease;-moz-transition:opacity .8s ease;transition:opacity .8s ease}
.lay_background .lay_background_img_fade_out{opacity:1}


.header{width:100%;height:40px;background:#000;position:fixed;top:0px;left:0px;text-align:center;}
.header_main{width:80%;height:40px;margin:0px auto;position:relative;}
 .header_left{width:160px;height:40px;float:left;line-height: 40px;color:white;}
.header_left span{display:block;height:40px;line-height:46px;font-size:16px;text-indent:10px;}
.header_main .header_right{width:50&;height:40px;float:right;position:relative;vertical-align:top;line-height:40px;}
.header_main .header_right a{display:inline-block;vertical-align:top;height:40px;height:40px;padding:0px 30px 0px 30px;line-height:40px;color:white;font-size:16px;}
.header_main .header_right a:hover{background:#434242;color:#DAD7D7;}
#block{
  width: 160px;
  height: 2px;
  max-height:2px;
  overflow:hidden;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 99;}
.header_main .header_right a.dl{background:#434242;}



.footer{width:100%;height:30px;background:#000;text-align:center;position:fixed;bottom:0px;left:0px;  _position: absolute;
       _clear: both;
       _top:expression(eval(document.compatMode &&
               document.compatMode=='CSS1Compat') ?
               documentElement.scrollTop
               +(documentElement.clientHeight-this.clientHeight) - 1
               : document.body.scrollTop
               +(document.body.clientHeight-this.clientHeight) - 1); }
.footer .about{width:420px;height:30px;margin:0px auto;text-align:center;}
.footer .about ul{display:block;margin:0px auto;width:420px;height:30px;}
.footer .about ul li {margin-top:5px;display:inline-block;float:left;width:100px;height:20px;line-height:20px;text-align:center;border-right:1px solid #ddd;}
.footer .about ul li a{display:inline-block;width:100px;height:20px;line-height:20px;color:white;text-align:center;font-size:13px;}
.footer .about ul li a:hover{text-decoration:underline;}
.footer .about ul li.last{border:none;}
.footer  span{display:block;width:80px;color:white;height:20px;font-size:14px;margin:0px auto;line-height:20px;}


/*登录框**/


.login .login_top{height:40px;line-height:60px;font-size:18px;color:white;opacity:1;}

.pic{
  display:block;
  width:100px;height:100px;
  border:5px solid #fff;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
   border-radius:50%;
  position:absolute;
   right:350px;
  top:122px;

}
.box {
    width: 400px;
    height: 400px;
    color: #666;
    text-align: center;
    position:absolute;right:200px;top:270px;

    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background:rgba(27,50,59,.3);
    border: 2px solid rgba(255,255,255, 0.8);
    border-top: 0;

}
.box::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -21px;
    border-top-left-radius: 2px;
    border-left: 2px solid rgba(255,255,255, 0.8);
    border-top: 2px solid rgba(255,255,255, 0.8);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);    /* for Chrome || Safari */
-moz-transform: rotate(45deg);       /* for Firefox */
 -ms-transform: rotate(45deg);        /* for IE */
 -o-transform: rotate(45deg);         /* for Opera */


}

.box::before {
    content: '';
    display: block;
    width: 2px;
    height: 400px;
    position: absolute;
    margin: -199px 199px;
    border-top-left-radius: 4px;
    transform: rotate(90deg);
     -webkit-transform: rotate(90deg);    /* for Chrome || Safari */
  -moz-transform: rotate(90deg);       /* for Firefox */
  -ms-transform: rotate(90deg);        /* for IE */
  -o-transform: rotate(90deg);         /* for Opera */
    box-shadow: inset 0 171px 0 0 rgba(255,255,255, 0.8), inset 0 -171px 0 0 rgba(255,255,255, 0.8);

}
.login_top
{
  display:block;
  width:100%;height:30px;color:white;text-align:center;line-height:40px;
  font-size:18px;
  margin:10px 0px 10px 0px ;

}
// .login_centent input.input{width:80%;height:46px;margin:10px auto;border:1px solid #fff; background: transparent;
//     border: 2px solid rgba(255,255,255,0.5); 边框半透明
//     box-shadow: inset 0 0 4px rgba(255,255,255,0.2),0 0 4px rgba(255,255,255,0.2);  /*内外渐变阴影*/
//     text-indent:40px;color:#fff;
//     line-height:46px;}
 .login_centent input.input{width:80%;height:46px;margin:10px auto;border:1px solid #fff;background: transparent; text-indent:40px;color:#fff; line-height:46px;color:#fff;}
.login_centent input.submit{display:block;width:80%;height:46px;margin:10px auto;background:#7CCCD1;border:none;color:white;font-size:18px;border-radius:4px;cursor:pointer;}
.login_centent input.user{background:url(../images/user.png)no-repeat 3px 5px;}
.login_centent input.pwd{background:url(../images/pwd.png)no-repeat 3px 5px;}
.login_centent span{display:inline-block;color:white;font-size:16px;}
.login_centent span a{display:inline-block;color:white;font-size:16px;}
.login_centent span.forgetpwd{margin-right:20px;}
.login_centent span.zc{margin-left:40px;}
.login_bottom{width:80%;height:80px;margin:10px auto;padding-top:10px;}
.login_bottom span{display:inline-block;color:white;font-size:16px;float:left;margin-bottom:20px;}
.login_bottom div.clear{clear:both;}
.login_bottom i{display:inline-block;position:relative;left:-80px;margin:0px 15px 0px 0px;}



















































